<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>角色管理</title>
    <meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="/res/layui/css/layui.css"  media="all">
	<link rel="stylesheet" href="/res/js/common/Viewer/viewer.min.css" />
	<link rel="stylesheet" href="/res/zTree_v3/css/metroStyle/metroStyle.css" type="text/css"/>
	<link rel="stylesheet" href="/res/css/style.css" media="all">
	<style type="text/css">
	
	ul.ztree {
		margin-top: 10px;
		border: 1px solid #617775;
		background: #f0f6e4;
		width: 220px;
		height: 360px;
		overflow-y: scroll;
		overflow-x: auto;
	}
	</style>
</head>
<body>
<div class="layui-fluid" style="padding-top:10px;">
	<span class="layui-breadcrumb">
	  <a><cite>首页</cite></a>
	  <a><cite>角色管理</cite></a>
	</span>
	 <!-- 右上角按钮 -->
	<div style="float:right;">
	   <a  class="AddElem layui-btn layui-btn-sm layui-btn-normal BTNSHOW BTNSHOW_SAVE" hrefUrl="/res/page/user/role_form.html" href="javaScript:;" onclick="addData(this)"><i class="layui-icon">&#xe654;</i>添加角色</a>	
	</div>   
    <div class="layui-clear"></div>	
	<blockquote class="layui-elem-quote layui-quote-nm " style="margin-top:1px;">
		<form class="layui-form BTNSHOW BTNSHOW_QUERY" action="javascript:;"  id="query_condition">
		   <div class="layui-form-item" style="margin-bottom:0;">
	          <div class="layui-inline" style="width:100%">
	              <div class="searchbut">                       
	                 <div id="condition_class" class="layui-inline" >                   
                        <div class="layui-input-inline">
						  <input class="layui-input" name="name" id="name" type="text" placeholder="角色名称" autocomplete="off" condition=""/>
					    </div>                 					                            
				        <div class="layui-input-inline" id="searchbutton">
                           <button class="layui-btn layui-btn-normal" lay-submit lay-filter="queryData"><i class="layui-icon ">&#xe615</i></button>
		                   <button class="layui-btn layui-btn-normal" id="Reload"><i title="刷新" class="layui-icon ">&#xe669</i></button>
                        </div>						 
	               </div>
			    </div>	    
	         </div>
	       </div>
		</form>
	</blockquote>
    <table id="tabledata" class="layui-table" lay-filter="auth-table"></table>
  </div>
<!--编辑表格弹出层开始-->
  <form class="layui-form" id="form_edit" style="margin-top:30px;display:none" >
	  <div class="layui-form-item">
	    <label class="layui-form-label"><span style="color:red;">*</span>选择菜单</label>
	    <div class="layui-input-inline">
	      <input type="hidden" name="id" id="id" />
	      <input type="hidden" name="pid" id="pid" lay-verify="fpid"/>
	      <input type="text" id="pname" placeholder="点击选择" autocomplete="off" class="layui-input" onclick="showMenu(); return false;" readonly="readonly" />
	    </div>
	    <label class="layui-form-label"><span style="color:red;">*</span>角色名称</label>
	    <div class="layui-input-inline">
	      <input type="text"  name="name" lay-verify="fname"  placeholder="请输入角色名称" autocomplete="off" class="layui-input" />
	    </div>
	  </div>
	  <div class="layui-form-item">      	   
	    <label class="layui-form-label">备注</label>
	    <div class="layui-input-inline" style="width:500px;">
		  <textarea id="remarks" name="remarks" placeholder="请输入内容" lay-verify="fremarks"  class="layui-textarea"></textarea>
	    </div>		    
	  </div>
	  <div class="layui-form-item" style="margin-top:30px">
	    <div class="layui-input-block">
	      <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="formDemo">提交</button>
		  <button class="layui-btn layui-btn-primary" onclick="history.back();return false;">返回</button>
	    </div>
	  </div>
  </form>
  <div id="menuContent" class="menuContent" style="display:none; position: absolute;z-index: 999999999;">
	  <ul id="treeDemo" class="ztree" style="margin-top:0; width:160px;height:280px">
	  </ul>
  </div>
  <script src="/res/js/common/jquery-3.2.1.min.js"></script>
  <script src="/res/js/common/Viewer/viewer.min.js"></script>	  
  <script type="text/javascript" src="/res/zTree_v3/js/jquery.ztree.core.js"></script>
  <script src="/res/js/common/app.js"></script>
  <script src="/res/js/validate.js"></script>
  <script src="/res/layui/layui.js"></script>
  <script src="/res/js/user/role_list.js"></script>
</body>
</html>